import React from "react";
import WePosition from "../../components/WePosition/wePosition.tsx";
import MyHeader from "../../components/Header/MyHeader.tsx";
import { PositionProvider } from '../../contexts/PositionContext.tsx';

const HomePage: React.FC = () => {
    return (
        <PositionProvider>
            <div className="home-page">
                {/* 固定在顶部的头部 */}
                <header className="home-header">
                    <MyHeader />
                </header>
                {/* 主要内容区域（自动计算高度） */}
                <main className="home-content">
                    <WePosition />
                </main>
            </div>
        </PositionProvider>
    );
}

export default HomePage;